$(document).ready(function () {
    if($("#phone").hasClass('active')){
        $("#phone").focus();
    }else{
        $("#clcok").focus();
    }
    _csrf = yii.getCsrfToken();
    $(window).keydown(function (event) {
        var card_id = $("#clcok").val();
        var telephone=$("#phone").val();
        var backstage_id=$("#backstage_id").val();
        var phone_type=false;
        var re = /^1\d{10}$/;
        if (re.test(telephone)) {
            phone_type=true;
        } else {
            phone_type=false;
        }
        if (event.keyCode == 13 && card_id != ''||event.keyCode == 13 && telephone != '') {
            //下面这个地方是为了将上一次打卡的数据进行清除
            $('.cj-lock-content').hide();
            $('.cj-clock-cardno').hide();
        if(card_id != ''){
            $.post(
                $('#card_route').val(), {
                    card_id: card_id,
                    ajax: 'attr',
                    _csrf: yii.getCsrfToken()
                },
                function (data) {
                    $("#clcok").val('');//清空输入框里面的内容
                    if(data.content != '' && data.data != '卡号不存在' && data.data != '您没课'){
                        $('.cj-lock-content').show();
                        $('.cj-lock-content').html(data.content);
                        if(data.data==0){
                            $('.cj-lock-content').delay(4200).hide(0);//如果是已经打卡则让弹窗在几秒钟之内消失
                        }
                    }else if (data.data == '您没课') {
                        $('.cj-lock-content').show();
                        $('.cj-lock-content').html(data.content);
                        //$('.cj-lock-content').delay(3200).hide(0);
                        $('.cj-clock-sun').click(function(){
                          $('.cj-lock-content').hide();
                        });
                        $('.cj-clock-cardno').delay(4200).hide(0);

                    }else if(data.data == '卡号不存在'){//怎么防止连续打卡
                        $('.cj-clock-cardno').show();
                        $('.cj-clock-cardno').html(data.content);
                        $('.cj-clock-sun').click(function(){
                            $('.cj-clock-cardno').hide();
                        });
                        $('.cj-clock-cardno').delay(4200).hide(0);
                    }


                }, 'json'
            );
            }else{
            if(phone_type){
                $.post(
                    $('#card_route').val(), {
                        telephone_id: telephone,
                        ajax: 'telephone',
                        _csrf: yii.getCsrfToken()
                    },
                    function (data) {
                        $("#phone").val('');//清空输入框里面的内容
                        if(data.content != '' && data.data != '卡号不存在' && data.data != '您没课'){
                            $('.cj-lock-content').show();
                            $('.cj-lock-content').html(data.content);
                            if(data.data==0){
                                $('.cj-lock-content').delay(4200).hide(0);//如果是已经打卡则让弹窗在几秒钟之内消失
                            }
                        }else if (data.data == '您没课') {
                            $('.cj-lock-content').show();
                            $('.cj-lock-content').html(data.content);
                            //$('.cj-lock-content').delay(3200).hide(0);
                            $('.cj-clock-sun').click(function(){
                                $('.cj-lock-content').hide();
                            });
                            $('.cj-clock-cardno').delay(4200).hide(0);

                        }else if(data.data == '卡号不存在'){//怎么防止连续打卡
                            $('.cj-clock-cardno').show();
                            $('.cj-clock-cardno').html(data.content);
                            $('.cj-clock-sun').click(function(){
                                $('.cj-clock-cardno').hide();
                            });
                            $('.cj-clock-cardno').delay(4200).hide(0);
                        }

                    }, 'json'
                );
            }else{
                alert('手机号格式错误请重新输入');
                $("#phone").val('');
              }
            }
//post传值全部完成
        }
    });

    //下面是点击确认按钮的ajax程序
    $(document).on('click', '.cj-lock-confirm', function () {
        //$(this).removeAttr("id");
        var url1 = $(this).data('url1');
        var id = $(this).data('id');
        var backstage_id=$("#backstage_id").val();
        var flag = false;
        if (url1 != '' && id != '') {
            $.ajax({
                type: "post",
                url: url1,
                async: false,
                cache: false,
                data: {ajax: 'status', id: id, _csrf: yii.getCsrfToken()},
                dataType: "json",
                success: function (data) {
                    var newdata = data;
                    if (newdata == 1) {//如果是1，就可以签到，并且签到完成之后弹窗在几秒之后消失
                        //alert('我是返回的1');
                        //$('.cj-lock-confirm').attr('class','cj-lock-disable');
                        $('.cj-lock-content').hide();
                        $('.cj-last-alert').show();//点击确认打卡之后，出来的是确认完成的弹窗
                        $('.cj-last-alert img').click(function(){
                            $('.cj-last-alert').hide();
                            $("#clcok").focus();

                        });//确认完成弹窗中，点击上面的小太阳，弹出框隐藏
                        $('.cj-last-alert .red').click(function(){
                            $('.cj-last-alert').hide();
                            $("#clcok").focus();
                        });//确认完成弹窗中，点击红色的继续打卡按钮，弹出框隐藏，并且输入框获得焦点
                        $('.cj-last-alert .green').click(function(){
                            $('.cj-last-alert').hide();
                            $("#clcok").focus();
                            window.location.href=backstage_id;

                        });//确认完成弹窗中，点击绿色的返回，弹出框隐藏，并且返回主页面

                    }
                    else if (newdata == 2) {//如果是2，说明这个课程在1个小时只能已经出票
                        alert('此课程一个小时之内已经签到，不能重复签到！');
                        $('.cj-lock-content').delay(2200).hide(0);
                        $("#clcok").focus();
                   }
                }
            });
        }


    });

    $(".lock-bg").click(function() {//不管点击什么地方让焦点始终在input上面
        if($("#phone").hasClass('active')){
            $("#phone").focus();
        }else{
            $("#clcok").focus();
        }
    });

    //下面是按钮左右跑动的效果
    //var left=$("#telephone-button").offset().left;
    //var top=$("#telephone-button").offset().top;
    //var telephone=setInterval(clock,2000);
    //function clock()
    //{
    //    if(top<=20){
    //        top=top+20;
    //    }else if(top>=900){
    //        top=top-20;
    //    }else{
    //        top=top+20;
    //    }
    //    if(left<=20){
    //        left=left+20;
    //    }else if(top>=900){
    //        left=left-20;
    //    }else{
    //        left=left+20;
    //    }
    //
    //
    //    $("#telephone-button").css({ left: left+'px', top: top+'px' });
    //}
});